<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表单格式化</title>
</head>
<body>
<form action="ok.html" method="get">
  <h1>用户注册信息</h1>
  <table>
    <tr>
      <td>用户名称：</td>
      <td><input type="text" name="username"></td>
    </tr>
    <tr>
      <td>用户密码：</td>
      <td><input type="password" name ="word"></td>
    </tr>
    <tr>
      <td>确认密码：</td>
      <td><input type="password" name="word1"></td>
    </tr>
    <tr>
      <td>请选择你喜欢的运动：</td>
      <td><input type="checkbox" name="sport" value="lq">篮球
        <input type="checkbox" name="sport" value="zq">足球
        <input type="checkbox" name="sport" value="sq">手球</td>
    </tr>
    <tr>
      <td>请选择你的性别：</td>
      <td> <input type="radio" name="sex">男
        <input type="radio" name="sex">女 </td>
    </tr>
    <tr>
      <td>请选择城市：</td>
      <td> <select name ="like">
        <option >---请选择---</option>
        <option value="广东">广东</option>
        <option value="上海">上海</option>
        <option value="杭州">杭州</option>
        <option value="北京">北京</option>
        <option value="深圳">深圳</option>
      </select> </td>
    </tr>
    <tr>
      <td>自我介绍：</td>
      <td><textarea name="comment" rows="4" cols="25"></textarea></td>
    </tr>
    <tr>
      <td>选择你的文件:</td>
      <td><input type="file" name="myfile"></td>
    </tr>
    <tr>
      <td><input type="submit" value="提交"></td>
      <td><input type="reset" value="重置"></td>
    </tr>
  </table>
</form>
</body>
</html>


细节：
1. action 表示将form表单的数据提交到哪个url，即服务器的哪个资源（servlet）
2. method 表示提交的方式 主要是 get/post，默认是get
3. 如果form表单的元素，没有name属性，则数据不会提交
4. 对应的 select checkbox radio 标签，提交的数据是 value 指定的值
5. 对应 checkbox 复选框，可以提交多个字，但是name是统一的，都是sport=xx&sport=yy
6. 提交的数据，一定要放在form标签内，否则数据不会提交

Get 和 Post 的区别简述
1. Get 请求数据是显示在浏览器地址栏：http://localhost:63342/Web/src/Main/Web/ok.html?username=111&word=334&word1=444&sport=lq&sex=on&like=%E5%B9%BF%E4%B8%9C&comment=&myfile=
2. Get 请求是不安全的，而且数据是有长度限制的，建议有重要信息，不要使用Get
3. Post 请求数据是 http 传输的，在http中，相对安全
4. Post 传输的数据长度理论上是没有没限制的，但在实际的应用中，也不能太大，合理即可